<template>
  <div class="flex-col page_ass">
    <!-- <c-title text="我的资产"></c-title> -->
    <div class="flex-col page_ass" v-if="!loginshow">
      <div class="flex-col group_ass">
        <div class="flex-col justify-start group_2_ass">
          <div class="flex-col justify-start section_ass">
            <!-- <navbar title="我的资产" background="#FFF" type="2" isback="{{false}}"></navbar> -->
            <div class="section_2_ass flex-row justify-center">
              <div class="flex-col section_3_ass">
                <div class="flex-row justify-between">
                  <span class="self-start font_ass text_2_ass">余额</span>
                  <span class="self-start font_ass text_2_ass" style="font-size: 16px;">{{ level_name }}</span>
                </div>
                
                <span @click="toBalance" class="flex-row self-start text_3_ass">{{ balance }}</span>
                <div class="flex-row justify-between self-stretch group_3_ass">
                  <div @click="tojifenList" class="flex-col items-start group_4_ass">
                    <span class="font_ass text_4_ass">总积分</span>
                    <div class="flex-row items-end" style="width: 100%;">
                      <span class="flex-row self-start font_2_ass1 mt-7-5">{{ point }}</span>
                      <!-- <span @click.stop="toZhuanhuan" class="zhuanhuan-btn">转换</span> -->
                    </div>
                    
                  </div>
                  <div @click="tozhuanhuanjifen" class="flex-col justify-start items-start text-wrapper_2_ass">
                    <span class="font_ass text_4_ass">兑换积分</span>
                    <span class="flex-row self-start font_2_ass mt-7-5">{{ integral }}</span>
                  </div>
                </div>
              </div>
              <!-- <img class="image_2 pos" src="https://shops.cg500.com/static/fuxin/fuxin-zicha-icon.png" /> -->
            </div>
          </div>
        </div>
      </div>
      <div class="grid_ass mt-15">
        <div @click="toAssetsDetail('gongxiang')" class="flex-col grid-item_ass group_5_ass">
          <div class="section_4_ass flex-row items-center">
            <img class="image_3_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-gongxiang.png" />
            <span class="font_3_ass">共享奖</span>
          </div>
          <span class="mt-28 self-start font_4_ass">{{ gongxiang }}</span>
        </div>
        <div @click="toAssetsDetail('tuanpin')" class="flex-col grid-item_ass group_6_ass">
          <div class="flex-row">
            <img class="image_4_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-tuanpin.png" />
            <span class="font_3_ass">团拼奖</span>
          </div>
          <span class="self-start font_4_ass mt-29-5">{{ tuanpin }}</span>
        </div>
        <div @click="toAssetsDetail('fuli')" class="flex-col grid-item_ass group_6_ass">
          <div class="flex-row">
            <img class="image_5_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-yuyuezhuan.png" />
            <span class="font_3_ass">月月赚</span>
          </div>
          <span class="self-start font_4_ass mt-28-5">{{ fuli }}</span>
        </div>
        <div @click="toAssetsDetail('fenhong')" class="flex-col grid-item_ass group_5_ass">
          <div class="flex-row items-center justify-between">
            <div>
              <img class="image_6_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-fenhong.png" />
              <span class="font_3_ass">分红</span>
            </div>
            <span @click.stop="toZhuanhuan" class="zhuanhuan-btn1">转换</span>
          </div>
          <span class="mt-28 self-start font_4_ass">{{ fenhong }}</span>
        </div>
        <!-- <div class="flex-col grid-item group_5">
      <div class="flex-row ">
        <img class="image_3" src="https://shops.cg500.com/static/fuxin/fuxin-icon-jijin.png" />
        <span class="font_3 ">基金</span>
       
      </div>
      <span class="self-start font_4 mt-27">7830</span>
    </div> -->
        <div @click="toAssetsDetail('zhutui')" class="flex-col grid-item_ass group_5_ass">
          <div class="flex-row items-center justify-between">
            <div>
              <img class="image_3_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-jijin.png" />
              <span class="font_3_ass">直推奖</span>
            </div>
            <span @click.stop="toZhuanhuan" class="zhuanhuan-btn1">转换</span>
          </div>
          <span class="self-start font_4_ass mt-27">{{ zhutui }}</span>
        </div>
        <div @click="toAssetsDetail('guanli')" class="flex-col grid-item_ass group_5_ass">
          <div class="flex-row items-center justify-between">
            <div>
              <img class="image_3_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-jijin.png" />
              <span class="font_3_ass">管理奖</span>
            </div>
            <span @click.stop="toZhuanhuan" class="zhuanhuan-btn1">转换</span>
          </div>
          <span class="self-start font_4_ass mt-27">{{ guanli }}</span>
        </div>
        <div @click="toAssetsDetail('zhuli')" class="flex-col grid-item_ass group_5_ass">
          <div class="flex-row items-center justify-between">
            <div>
              <img class="image_3_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-jijin.png" />
              <span class="font_3_ass">助力奖</span>
            </div>
            <span @click.stop="toZhuanhuan" class="zhuanhuan-btn1">转换</span>
          </div>
          <span class="self-start font_4_ass mt-27">{{ zhuli }}</span>
        </div>
        <div class="flex-col grid-item_ass group_5_ass">
          <div class="flex-row">
            <img class="image_3_ass" src="https://shops.cg500.com/static/fuxin/fuxin-icon-jijin.png" />
            <span class="font_3_ass">基金</span>
          </div>
          <span class="self-start font_4_ass mt-27">{{ jijin }}</span>
        </div>
      </div>
    </div>
    <!-- <U_foot bindshowcarrfoot="showcarrfoot" bindshowcarrfoot_ipx="showcarrfoot_ipx" datas="{{bottom_info}}" foot_type="{{foot_type}}" isDiy="{{true}}"></U_foot> -->
    <!-- <navbar wx:if="{{loginshow}}" title="我的资产" background="#FFF" type="2"></navbar> -->
    <div class="zangbudenglu_ass" v-if="loginshow">
      <div class="p_ass"> 你还没登录,请登录后查看 </div>
      <div class="buttonContent_ass">
        <div catchtap="gotologin" class="button_ass"> 登录 </div>
      </div>
    </div>
    <U_foot></U_foot>
  </div>
</template>
<script>
import myAssetsController from "./myAssetsController.js";
export default myAssetsController;
</script>

<style lang="scss" scoped>
/* @import "../common/common.css"; */
@import url("../../../assets/css/commoncss/common.css");
body {
  width: 100%;
  /* background-image: linear-gradient(0deg, #f4f4f4,#FFB24B);
  background-size: 100% 437rpx;
  background-repeat: no-repeat; */
  background-color: #f4f4f4;
}
img {
    margin: 0;
}
.mt-7-5 {
  margin-top: 7.5px;
}
.mt-29-5 {
  margin-top: 29.5px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-27-5 {
  margin-top: 27.5px;
}
.mt-28-5 {
  margin-top: 28.5px;
}
.mt-27 {
  margin-top: 27px;
}
.zhuanhuan-btn {
  width: 40px;
  height: 24px;
  border-radius: 4px;
  background: #fff;
  color: #ff954b;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}
.zhuanhuan-btn1 {
  width: 40px;
  height: 18px;
  border-radius: 4px;
  background: #ff954b;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}
.page_ass {
  padding-bottom: 28px;
  /* background-color: #f4f4f4; */
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.group_ass {
  /* height: 460rpx; */
}
.image-wrapper_ass {
  padding: 15px 0 13px;
  background-color: #ffb24b;
}
.image_ass {
  margin-right: 14px;
  width: 277px;
  height: 12px;
}
.text-wrapper_ass {
  padding: 13px 0 17px;
  background-color: #ffb24b;
}
.text_ass {
  color: #000000;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 17px;
}
.group_2_ass {
  /* margin-top: -17rpx;
  padding: 17rpx 0 23rpx; */
}
.section_ass {
  /* background-color: #ffffff; */
}
.section_2_ass {
  /* background-image: linear-gradient(0deg, #f4f4f4 0%, #ffb24b 100%);
  height: 261rpx; */
  /* background-image: linear-gradient(0deg, #f4f4f4,#FFB24B); */
  background-size: 100% 130px;
  background-repeat: no-repeat;
  padding-top: 20px;
}
.font_ass {
  font-size: 13px;
  font-family: PingFang SC;
  line-height: 13px;
  /* color: #60646d; */
  color: #fff;
}
.text_5_ass {
  line-height: 12px;
}
.pos_3_ass {
  position: absolute;
  right: 125px;
  bottom: 35px;
}
.section_3_ass {
  width: 345px;
  padding: 16px 15px 21px;
  background-color: #ff954b;
  /* background-image: url('https://shops.cg500.com/static/fuxin/fuxin-zicha-bg.png'); */
  /* background-size: 100% 100%;
  background-repeat: no-repeat; */
  border-radius: 18px;
}
.pos_2_ass {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 12px;
}
.text_2_ass {
  line-height: 12px;
}
.text_3_ass {
  margin-top: 9px;
  color: #ffffff;
  font-size: 33px;
  font-family: DIN;
  font-weight: 500;
  line-height: 29px;
  width: 100%;
  word-break: break-all;
}
.group_3_ass {
  margin-top: 13px;
  width: 100%;
}
.group_4_ass {
  margin-top: 3px;
  width: 50%;
}
.text_4_ass {
  line-height: 12px;
}
.font_2_ass {
  font-size: 24px;
  font-family: DIN;
  line-height: 23px;
  font-weight: 500;
  /* color: #111111; */
  color: #fff;
  width: 100%;
  word-break: break-all;
}
.font_2_ass1 {
  font-size: 22px;
  font-family: DIN;
  line-height: 23px;
  font-weight: 500;
  /* color: #111111; */
  color: #fff;
  width: calc(100% - 54px);
  word-break: break-all;
}
.text-wrapper_2_ass {
  /* margin-right: 174rpx; */
  /* padding-top: 46rpx; */
  width: 78px;
  border-left: solid 0.5px #dddddd;
  width: 50%;
  padding-left: 17px;
}
.image_2_ass {
  filter: drop-shadow(0.43px 4.98px 10.7px #ff944a52);
  width: 107.5px;
  height: 92px;
}
.pos_ass {
  position: absolute;
  right: 27px;
  top: 0;
}
.grid_ass {
  margin: 0 15px;
  /* height: 660rpx; */
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 16px;
}
.grid-item_ass {
  padding: 1px 1px 20px;
  background-color: #ffffff;
  border-radius: 10px;
}
.group_5_ass {
  /* padding-bottom: 4rpx; */
  background-image: linear-gradient(0deg, #ffffff 0%, #fff3e4 100%);
  background-repeat: no-repeat;
  background-size: 100% 27px;
  padding: 13px 16px 20px;
}
.section_4_ass {
  /* background-image: linear-gradient(0deg, #ffffff 0%, #fff3e4 100%);
  border-radius: 20rpx 20rpx 0rpx 0rpx;
  height: 55rpx; */
}
.font_3_ass {
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 13px;
  color: #60646d;
}
.pos_6_ass {
  position: absolute;
  left: 32px;
  bottom: 0;
}
.image_3_ass {
  width: 14px;
  height: 16px;
  margin-right: 3.5px;
}
.image_4_ass {
  width: 14.5px;
  height: 15px;
  margin-right: 5px;
}
.image_5_ass {
  width: 16.5px;
  height: 16px;
  margin-right: 6px;
}
.image_6_ass {
  width: 16px;
  height: 15px;
  margin-right: 3px;
}
.image_7_ass {
  width: 15px;
  height: 12px;
  margin-right: 6px;
}
.pos_4_ass {
  position: absolute;
  left: 12px;
  bottom: 0;
}
.font_4_ass {
  font-size: 29px;
  font-family: DIN;
  line-height: 24px;
  font-weight: 500;
  color: #111111;
  width: 100%;
  word-break: break-all;
}
.text_6_ass {
  margin-left: 15px;
}
/* .section_5 {
  background-image: linear-gradient(0deg, #ffffff 0%, #ffeee2 100%);
  border-radius: 20rpx 20rpx 0rpx 0rpx;
  height: 55rpx;
} */
.group_6_ass {
  /* padding-bottom: 4rpx; */
  background-image: linear-gradient(0deg, #ffffff 0%, #ffeee2 100%);
  background-repeat: no-repeat;
  background-size: 100% 27px;
  padding: 13px 15px 20px;
}
.pos_7_ass {
  position: absolute;
  left: 37px;
  bottom: 0;
}
.pos_5_ass {
  position: absolute;
  left: 12px;
  bottom: 0;
}
.pos_10_ass {
  position: absolute;
  left: 38px;
  bottom: 0;
}
.pos_8_ass {
  position: absolute;
  left: 12px;
  bottom: 0;
}
.pos_11_ass {
  position: absolute;
  left: 32px;
  bottom: 0;
}
.pos_9_ass {
  position: absolute;
  left: 12px;
  bottom: 0;
}
.pos_13_ass {
  position: absolute;
  left: 32px;
  bottom: 2px;
}
.pos_12_ass {
  position: absolute;
  left: 12px;
  bottom: 0;
}
.zangbudenglu_ass {
  padding-top: 200px;
}

.zangbudenglu_ass .p_ass {
  font-size: 15px;
  line-height: 35px;
  text-align: center;
}

.zangbudenglu_ass .buttonContent_ass {
  align-items: center;
  display: flex;
  justify-content: center;
}

.zangbudenglu_ass .button_ass {
  background: #ee4343;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 60px;
}
</style>
